<template>
    <run-dialog v-model="visible" @on-close="close" @on-open="open" width="600px" top="20%" :hasMax="false">
        <span slot="title">测试</span>
        <div>
            test
        </div>
        <template #footer>
            <el-button class="blue-button" :disabled="disabled" type="primary" size="small" @click="submit">确认</el-button>
            <el-button size="small" class="cancel" @click="close">取消</el-button>
        </template>
    </run-dialog>
</template>
<script>
    export default {
        data () {
            return {
                visible: false,
                disabled: false,
                model: {
                    test: "",
                }
            }
        },
        props: {
            value: Boolean,
        },
        watch: {
            value (val) {
                this.visible = this.value;
            }
        },
        methods: {
            open () {
                this.model.test = "";
            },
            close () {
                this.$emit('input', false);
            },
            submit () {},
            validate () {},
        },
        created () {},
        mounted () {
            this.visible = this.value;
        }
    }
</script>
<style lang="less" scoped>

</style>